<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style type="text/css">
        * {
            margin: 0px;
            padding: 0px;
        }
        
        div {
            border: 1px solid red;
        }
        
        .beijing1 {
            /* background-color: yellow;
            position: relative; */
        }
        
        .logo {
            width: 50px;
            height: 50px;
            /* margin-top: 0px;
            margin-left: 50px;
            position: absolute; */
        }
        
        .cping {
            width: 230px;
            height: 60px;
            /* margin-top: 0px;
            margin-left: 1700px; */
            /* position: absolute; */
        }
        
        .cping,
        p {
            font-size: 30px;
            margin-top: 100px;
        }
        
        .tupian {
            width: 100%;
            height: 400px;
        }
        
        .baishe {
            width: 200px;
            height: 140px;
        }
        
        .huangshe {
            width: 200px;
            height: 140px;
        }
        
        .neirou1 {
            width: 100%;
            height: 1200px;
        }
        
        .dlu {}
        
        .neirou2 {
            width: 100%;
            height: 1000px;
        }
        
        .dibu {
            width: 100%;
            height: 100px;
        }
    </style>
</head>

<body>
    <div class="bigbox">
        <div class="beijing1">
            <div class="dibu">
                <div class="logo">
                    <img src="HTT-img/logo.svg">
                </div>
                <div class="cping">
                    <p>产品指引及合作</p>
                </div>
            </div>
            <div class="zhuti">
                <div class="zhuti1">
                    <p>微信儿童手表版</p>
                </div>
                <div class="zhuti1">
                    <p>帮助孩子轻松连接家人和朋友的手表通讯应用</p>
                </div>
            </div>
            <div class="tupian">
                <div class="baishe">
                    <img src="HTT-img/白色小狗.svg">
                </div>
                <div class="huangshe">
                    <img src="HTT-img/黄色小狗.svg">
                </div>
            </div>
        </div>

        <div class="neirou1">
            <div class="dlu">
                <p>登陆微信帐号</p>
                <img src="HTT-img/denglu.jpg">

            </div>

            <div class="liaotian">
                <p>聊天</p>
                <img src="HTT-img/liaotian.jpg">

            </div>

            <div class="penyou">
                <p>加微信朋友</p>
                <img src="HTT-img/pengyou.jpg">

            </div>

            <div class="zhifu">
                <p>付款码支付</p>
                <img src="HTT-img/zhifu.jpg">
            </div>
        </div>
        <div class="neirou2">
            <p>下载与使用</p>
            <p>当前可在华为、米兔、读书郎、OPPO等儿童手表应用商城下载安装，更多儿童手表开放接入中。</p>
            <P></P>
        </div>
        <div class="dibu">
            <p>Copyright © 1998-2023 Tencent All Rights Reserved.</p>
        </div>
    </div>

</body>

</html>